<template>
<div class="io">
  <ul>
    <Az v-for="(v,i) in arr" :key="i" :cakename="v.cakename" :cakeimage="v.cakeimage" :cakeprice="v.cakeprice" :goodsid="v.goodsid" :typeid="v.typeid"/>
  </ul>
</div>
  
</template>

<script>
import Az from "c/cakeC/erazi.vue"
import {getlink} from "a/getapi.js"
export default {
   components:{
    Az
  },
  data(){
    return {
      arr:[
        
      ]
    }
  },
  mounted(){
     getlink("http://180.76.121.47:8008/cake").then((ok)=>{
        ok.data.data.forEach((v)=>{
                if(v.typeid==211){
                    this.arr.push(v)
                }
            })
      //  this.arr=ok.data.data
      //  console.log(ok)
     })
  },
 
}
</script>

<style scoped>
.io{
  padding: 0.2rem 0.18rem 0.1rem;
}
ul{
  overflow: hidden;
}
</style>